<template>
 <div>
  <HelloWorld/>
 </div>
</template>
<script setup lang='ts'>
import {ref,provide} from 'vue'
import HelloWorld from './components/HelloWorld.vue'
// Provide / Inject(依赖注入)
/*
Provide / Inject
通常，当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组件，
而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。
*/
/*
provide 可以在祖先组件中指定我们想要提供给后代组件的数据或方法，
而在任何后代组件中，我们都可以使用 inject 来接收 provide 提供的数据或方法
*/
let falg =ref<number>(3)
provide('falg',falg) //注入
</script>
<style scoped lang='scss'>
</style>